.scoll-type {
	width: 100%;
	height: calc(100vh - 330upx);
	background-color: #fff;
	z-index: 30;
	position: relative;
	display: flex;
	margin-top: 20upx;
	>.right {
		flex: 1;
		height: 100%;
		background-color: #fff;
		box-sizing: border-box;
		padding: 0 20upx 0 13upx;
		.set-hrig {
			height: calc(100% - 90upx);
		}
		.scolls {
			// overflow-y: scroll;
			box-sizing: border-box;
			padding-bottom: 100upx;
			>.list-row {
				>view {
					display: flex;
					box-sizing: border-box;
					padding: 30upx 0;
					border-bottom: 1px solid #F7F7F7;
					>image {
						width: 160upx;
						flex-shrink: 0;
						height: 160upx;
						margin-right: 30upx;
						border-radius: 10upx;
					}
					>view {
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						>.prices {
							display: flex;
							align-items: flex-end;
							justify-content: space-between;
							>view:nth-of-type(2) {
								width: 50upx;
								height: 50upx;
								position: relative;
								background-color: #0b59e0;
								border-radius: 50%;
								>image {
									width: 100%;
									height: 100%;
								}
								>.add-car {
									width: 100%;
									height: 100%;
									display: flex;
									align-items: center;
									justify-content: center;
									position: relative;
									border-radius: 50%;
									>image {
										width: 27upx;
										height: 27upx;
									} 
									>view {
										width: 26upx;
										height: 26upx;
										border-radius: 50%;
										background-color: #FF0000;
										display: flex;
										align-items: center;
										justify-content: center;
										line-height: 1;
										font-size: 20upx;
										color: #FFFFFF;
										position: absolute;
										top: -8upx;
										right: 0;
									}
								}
							}
							>view:nth-of-type(1) {
								display: flex;
								align-items: flex-end;
								>text {
									font-size: 18upx;
									color: #E00B0B;
									margin-bottom: 4upx;
								}
								>view {
									font-size: 30upx;
									color: #E00B0B;
									margin-left: 5upx;
								}
							}
						}
						>.des {
							font-size: 24upx;
							color: #0B59E0;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							max-width: 340upx;
						}
						>view:nth-of-type(1) {
							font-size: 26upx;
							color: #000000;
							position: relative;
							box-sizing: border-box;
							>view {
								width: 50upx;
								height: 25upx;
								background-color: #FFE9E3;
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 18upx;
								position: absolute;
								top: 4upx;
								left: 0;
								z-index: 10;
								color: #E00B0B;
								border-radius: 4upx;
							}
							>text {
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;
								text-indent: 64upx;
								line-height: 36upx;
							}
						}
						.clear-text {
							>text {
								text-indent: 0 !important;
							}
						}
					}
				}
			}
			>.tips {
				width: 100%;
				height: 50upx;
				background-color: #F7F7F7;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 24upx;
				color: #101010;
				border-radius: 10upx;
			}
		}
		>.search-file {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			box-sizing: border-box;
			padding: 0 14upx 0 0;
			height: 81upx;
			>view {
				font-size: 24upx;
				color: #969696;
				margin-left: 35upx;
				display: flex;
				align-items: center;
				>view {
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-left: 8upx;
				}
			}
			.activ {
				color: #0B59E0;
			}
		}
	}
	>.menus {
		height: 100%;
		width: 177upx;
		overflow-y: scroll;
		background-color: #F7F7F7;
		>view {
			width: 100%;
			height: 105upx;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding-left: 26upx;
			border-left: 6upx solid #F7F7F7;
			font-size: 24upx;
			color: #000000;
			>text {
				white-space: nowrap;
				 overflow: hidden;
				 text-overflow: ellipsis;
			}
		}
		.active {
			background-color: #fff;
			border-left: 6upx solid #0B59E0;
			color: #0B59E0;
		}
	}
}
.set-pad {
	box-sizing: border-box;
	padding: 0 20upx;
}
.boxs-row {
	height: 100vh;
	z-index: 30;
	width: 100%;
	background-color: #fff;
	.type-row {
		display: flex;
		z-index: 20;
		position: relative;
		align-items: center;
		box-sizing: border-box;
		padding: 0 15upx;
		min-height: 128upx;
		>.scrolls {
			flex: 1;
			overflow-x: scroll;
			display: flex;
			align-items: flex-end;
			>view {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-right: 30upx;
				>.imgs {
					width: 96upx;
					height: 96upx;
					display: flex;
					align-items: flex-end;
					justify-content: center;
					margin-bottom: 16upx;
					image {
						width: 77upx;
						height: 77upx;
						transition: all 0.2s;
						border-radius: 50%;
					}
				}
				>.name {
					font-size: 20upx;
					color: #FFFFFF;
					max-width: 130upx;
					 white-space: nowrap;
					  overflow: hidden;
					  text-overflow: ellipsis;
				}
			}
			.actives {
				.imgs image {
					width: 96upx;
					height: 96upx;
				}
			}
		}
		>.actiond {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-left: 14upx;
			box-sizing: border-box;
			padding-top: 10upx;
			>view {
				white-space: pre-wrap;
				width: 30upx;
				font-size: 26upx;
				color: #fff;
				margin-left: 7upx;
			}
			>image {
				width: 30upx;
				height: 30upx;
				margin-top: 10upx;
			}
		}
	}
	.search-box {
		height: 66upx;
		background-color: #fff;
		position: relative;
		z-index: 20;
		border-radius: 40upx;
		width: 100%;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 25upx;
		margin-bottom: 15upx;
		>image {
			width: 35upx;
			height: 35upx;
			margin-right: 13upx;
		}
		text {
			font-size: 26upx;
			color: #969696;
		}
		input {
			font-size: 26upx;
			text-align: left;
			flex: 1;
		}
	}
}
.locations {
	display: flex;
	align-items: center;
	>image {
		width: 36upx;
		height: 32upx;
	}
	>text {
		font-size: 28upx;
		color: #FFFFFF;
		white-space: nowrap;
		margin-left: 10upx;
	}
	>view {
		background-color: rgba(0,0,0,0.6);
		border-radius: 6upx;
		box-sizing: border-box;
		padding: 6upx 8upx;
		display: flex;
		line-height: 1;
		align-items: center;
		font-size: 18upx;
		color: #FFFFFF;
		margin-left: 10upx;
	}
}
::v-deep .allHead {
	z-index: 1;
	position: relative;
	>view {
		background: transparent !important;
	}
}
::v-deep .backHeader {
	>view:nth-of-type(1) {
		width: 100% !important;
	}
}
.head-bg {
	width: 100%;
	height: 502upx;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}
.skele-box {
	display: flex;
	flex: 1;
	align-items: center;
	::v-deep .u-skeleton__wrapper {
		display: flex;
		flex-direction: column !important;
	}
}
.load-emp {
	::v-deep .u-skeleton__wrapper__avatar {
		width: 160upx !important;
		height: 160upx !important;
		border-radius: 10upx;
	}
}
.emptyds {
	padding-top: 200upx;
}